<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>

  <style>

  </style>
  <body>
    <!-- 
        列表标签
        1.有序列表
            ol>li
            样式：默认数字为序号，可设置type=“A/a/I/i/1”
                A 大写字母
                a 小写字母
                I 大写罗马数字
                i 小写罗马数字
                1 阿拉伯数字
            
                同时可设置start = “n”，从第n个开始
            注：type直接在行内设置
            
        2.无序列表
            ul>li
            样式：设置type
                disc 实心原点（默认）
                circle 空心原点
                square 实心方块
                none 无
        3.自定义列表
            dl>{dt dd}
            一般dt为内容dd为解释
        通常情况下：一个dl里放一个dt和一个dd组成一组，可用来实现图文解释

        注列表标签中只放li或dd dt，如果要嵌套写在子标签中
     -->

    <ol type="I" start="3">
      <li>1</li>
      <li>2</li>
      <li>3</li>
      <li>4</li>
      <li>5</li>
    </ol>

    <ul type="square">
      <li>1</li>
      <li>2</li>
      <li>3</li>
      <li>4</li>
      <li>5</li>
    </ul>

    <dl>
        <dt style="background-color: aqua;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique quos, quo, rem accusamus molestias doloribus fugiat ea et, omnis aspernatur accusantium voluptatibus odio consequuntur impedit perferendis animi facere possimus fuga.</dt>
        <dl style="background-color: aqua;">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos aperiam nisi illo eligendi necessitatibus aspernatur excepturi atque! Perferendis quibusdam ullam quia placeat laudantium earum ipsum necessitatibus, ut assumenda eius at!</dl>
    </dl>
  </body>
</html>
